body {
    margin : 0;
    padding: 0;
}
.box{
  
    /* border: 1px solid red; */
    width: 100%;
    height: 100vh;
    position: relative;
    /* background-color: rgba(42, 201, 132, 0.5); */
}
.left{
    width: 800px;
    height: 100vh;
    /* border: 1px solid red; */
    position: absolute;
    /* left: 100px; */
    background-image: url(https://img.axureshop.com/af/5e/54/af5e549f678041d78e9368c9dba697a9/images/%E8%B4%A6%E5%8F%B7%E7%99%BB%E5%BD%95/u19.png);
    background-size: auto 100%;
}
.right{
    width: 44.5%;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    /* border: 1px solid red; */
    background-color: rgba(255, 255, 255, 0.6);
    /* padding: 120px  50px 0px; */

}
.contend{
    margin: 15em auto;
    width: 20em;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 1px 1px 20px 1px rgb(163, 177, 224);
}
.title{
    text-align: center;
    width: 100%;
    /* border: 1px solid black; */
    height: 20px;
    /* margin-bottom: 30px; */
    padding-top: 30px;
}
.form{
    padding: 40px 40px;
}